<template>
  <div id="quitWindowHeader">
    <div id="closeQuitWindow" @click="click"></div>
  </div>
</template>

<script>
const { ipcRenderer } = window.require("electron");
export default {
  methods: {
    click() {
      ipcRenderer.send("change_quitWindow");
    },
  },
};
</script>

<style lang="scss" scoped>
#quitWindowHeader {
  height: 30px;
  width: 100%;
  background-color: #222225;
  border-bottom: 2px solid #9c1a1a;
  -webkit-app-region: drag;
  #closeQuitWindow {
    height: 30px;
    width: 30px;
    float: right;
    background-image: url("../../assets/close.png");
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-app-region: no-drag;
  }
  #closeQuitWindow:hover {
    background-color: #9c1a1a;
  }
}
</style>
